<?php

/**
 * Lupin 是一款干净简洁基于 Kratos 和 Bootstrap 以及 Font Awesome 的 Typecho 特色主题
 *
 * @package Lupin 
 * @author Vtrois
 * @version 1.0.0
 * @link https://www.vtrois.com
 */

if (!defined('__TYPECHO_ROOT_DIR__')) exit;
$this->need('header.php'); ?>

<div class="lupin-start lupin-hero-2 lupin-post-header">
	<div class="lupin-overlay lupin-post" style="background:#222831"></div>
</div>
<div id="lupin-blog-post" style="background:#f5f5f5">
	<div class="container">
		<div class="row">
			<section class="col-md-8">
				<?php while($this->next()): ?>
					<article class="lupin-hentry clearfix">
								<div class="lupin-entry-border-new clearfix">
									<div class="lupin-entry-thumb-new">
									<a href="https://www.vtrois.com/the-wifi-love.html"><img src=""></a>
									</div>
									<div class="lupin-post-inner-new">
										<header class="lupin-entry-header-new">
											<a class="label" href="#">分类<i class="label-arrow"></i></a>
											<h2 class="lupin-entry-title-new"><a href="<?php $this->permalink() ?>"><?php $this->title() ?></a></h2>
										</header>
										<div class="lupin-entry-content-new"><?php $this->content(); ?></div>
									</div>
									<div class="lupin-post-meta-new">
										<span class="visible-lg visible-md visible-sm pull-left">
											<a href="<?php $this->permalink() ?>" ><i class="fa fa-calendar"></i> <time datetime="<?php $this->date('c'); ?>" ><?php $this->date(); ?></time></a>
											<a href="<?php $this->permalink() ?>#comments"><i class="fa fa-commenting-o"></i> <?php $this->commentsNum('Comments', '1 Comments', '%d Comments'); ?></a>
										</span>
										<span class="pull-left">
											<a href="<?php $this->permalink() ?>"><i class="fa fa-eye"></i> <?php $this->viewsNum(); ?> Views</a>
											<a href="<?php $this->permalink() ?>"><i class="fa fa-thumbs-o-up"></i> 150 Times</a>
										</span>
										<span class="pull-right">
											<a class="read-more" href="<?php $this->permalink() ?>" title="阅读全文">阅读全文 <i class="fa fa-chevron-circle-right"></i></a>
										</span>
									</div>
								</div>
							</article>
				<?php endwhile; ?>
			</section>
			<aside id="lupin-widget-area" class="col-md-4 hidden-xs hidden-sm scrollspy">
                <div id="sidebar">
                    <?php $this->need('sidebar.php'); ?>
                </div>
            </aside>
		</div>
	</div>
</div>
<?php $this->need('footer.php'); ?>